import React from 'react'
import LogoUrl from '../../assets/imgs/logo.jpg'
import { Form, Input, Button } from 'antd-mobile'
import '../../assets/fonts/iconfont.css'
import './Login.css'

export default function Login() {
  return (
    <div className="login_wrapper">
      <div className="content">

        <img className="Logo" src={LogoUrl} alt="" />
        <Form layout='horizontal'>
          <Form.Item label=' ' name='username'>
            <i className='iconfont icon-user'></i>
            <Input placeholder='请输入用户名' clearable />
          </Form.Item>
          <Form.Item label=' ' name='password'>
            <i className='iconfont icon-password'></i>
            <Input placeholder='请输入密码' clearable type='password' />
          </Form.Item>
        </Form>
        <Button block color='primary' size='large'>
          登 录
        </Button>

      </div>

      <div className='tips'><div>前往注册</div>
        <div>忘记密码</div>
      </div>
      <p>登录/注册表示同意网站用户协议</p>



    </div>
  )
}

